도구 가이드
health 무료 회원가입 불필요

퍼센트 계산기

전체 영양 데이터와 함께 재료를 추가하여 사용자 정의 FDA 스타일 영양 성분 표시를 작성하세요.

도구를 불러오는 중…

이 도구에 대해

칼로리, 단백질, 지방, 탄수화물, 나트륨, 비타민을 포함한 영양소 값으로 재료를 추가하여 사용자 정의 영양 성분 표시를 만드세요. 도구는 자동 일일 권장량 비율로 실시간 FDA 스타일 영양 라벨을 렌더링합니다. 1인분 및 전체 용기 보기 간에 전환하고 라벨을 PNG 이미지로 내보내세요.

사용 방법

  1. 1 1단계: 상단에 인분 수와 1인분 크기를 입력한 후 '재료 추가'를 클릭하여 항목 추가를 시작하세요.
  2. 2 2단계: 각 재료에 대해 이름, 1인분 양을 입력하고 모든 영양소 필드(칼로리, 단백질, 지방, 탄수화물, 나트륨, 비타민)를 채우세요.
  3. 3 3단계: '1인분당'과 '전체 용기당' 간에 전환하여 영양 라벨이 어떻게 변하는지 확인하세요.
  4. 4 4단계: 'PNG 다운로드'를 클릭하여 포장재나 문서에 사용할 수 있는 영양 라벨 이미지를 저장하세요.

Building a nutrition facts label from scratch

This tool is a label builder, not a calorie counter. You add the ingredients in a recipe or product, type each one's nutrient values, and it assembles a clean, FDA-style Nutrition Facts panel — the familiar black-bordered box you see on packaged food — that you can download as a PNG image. It is built for people who make food: home bakers selling at a market, small producers, recipe developers, and anyone who needs a presentable label rather than a one-off calorie estimate.

How the totals are calculated

For every nutrient — calories, total fat, saturated fat, trans fat, cholesterol, sodium, carbohydrate, fibre, sugars, protein, and the vitamins and minerals — the tool simply adds up that nutrient across all ingredients. So if three ingredients contribute 120, 90, and 45 calories, the recipe total is 255. The clever part is the per-serving division. You tell it how many servings the whole batch makes, and it divides every total by that number so the label shows what one portion delivers:

per-serving value = (sum of all ingredients) ÷ servings

Tick the Per container box and it instead shows the totals for the entire batch, labelling the panel with the number of servings per container. Switching between the two views is how a regulated label is meant to work — the consumer sees both the per-serving numbers and how many servings the package holds.

Percent Daily Value, and where it comes from

Next to each nutrient the label prints a % Daily Value, calculated as round(amount ÷ daily reference × 100). The reference figures are the standard FDA Daily Values used on US labels — for example 78 g of total fat, 2,300 mg of sodium, 275 g of carbohydrate, 28 g of fibre, 50 g of protein, and 1,300 mg of calcium, all anchored to a 2,000-calorie reference diet. The footnote on the generated label states this explicitly. A %DV tells a shopper at a glance whether a serving is "a little" or "a lot" of something: 5% or less is generally considered low, 20% or more high.

A worked example

Imagine a batch of muffins from three ingredients totalling 1,800 calories, 90 g fat, 24 g saturated fat, and 36 g protein, and you set servings to 12. The label divides each by 12, so one muffin shows 150 calories, 7.5 g fat (a %DV of round(7.5 ÷ 78 × 100) = 10%), 2 g saturated fat (10% DV), and 3 g protein. Tick "Per container" and the same panel instead reports the full 1,800 calories with "Servings per container: 12" across the top. Download the PNG and you have a print-ready label.

Use cases

  • Small-batch and market sellers. Produce a consistent, professional-looking label for jams, baked goods, or sauces without design software.
  • Recipe developers and bloggers. Attach an accurate per-serving panel to a published recipe.
  • Meal preppers. Total a week's batch cook and see exactly what each portion contains.
  • Teaching label literacy. Build a label live to show how serving size changes every number on it.

Tips and common mistakes

  • Source accurate ingredient data. The label is only as good as the numbers you type. Read each nutrient off the supplier's packaging or a reliable food database, and scale it to the exact quantity you actually used.
  • Scale to the amount, not the package. If a bag of flour lists values per 30 g but your recipe uses 250 g, multiply before entering — the tool sums what you type, it does not know your quantities.
  • Get the serving count right. Because every per-serving figure is a division by this number, an off-by-one here distorts the whole panel. Decide your real portion size first.
  • This is not a regulatory submission. The panel mirrors the FDA format and uses standard Daily Values, but legal compliance (rounding rules, allergen statements, lab verification) is your responsibility. Treat the output as a presentation tool, and consult the official labelling guidance for products you sell.

This is informational, not medical or legal advice. Your ingredients and values are saved only in your own browser's local storage — nothing is uploaded — so your recipes stay private and reload when you return on the same device.

자주 묻는 질문

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}