#f4cc04
RGB
| 赤 | 244 |
|---|---|
| 緑 | 204 |
| 青 | 4 |
HSL
| 色相 | 50° |
|---|---|
| 彩度 | 97% |
| 明度 | 49% |
| 輝度 | 76% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 244, 緑 = 204, 青 = 4 )
HSL ( 色相 = 50°, 彩度 = 97%, 明度 = 49% )
H : 色相 ( 50° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #f60404 : -50
10 : #f62c04 : -40
20 : #f65504 : -30
30 : #f67d04 : -20
40 : #f6a504 : -10
50 : #f6ce04 : ±0
60 : #f6f604 : +10
70 : #cef604 : +20
80 : #a5f604 : +30
90 : #7df604 : +40
100 : #55f604 : +50
110 : #2cf604 : +60
120 : #04f604 : +70
130 : #04f62c : +80
140 : #04f655 : +90
150 : #04f67d : +100
160 : #04f6a5 : +110
170 : #04f6ce : +120
180 : #04f6f6 : +130
190 : #04cef6 : +140
200 : #04a5f6 : +150
210 : #047df6 : +160
220 : #0455f6 : +170
230 : #042cf6 : +180
240 : #0404f6 : +190
250 : #2c04f6 : +200
260 : #5504f6 : +210
270 : #7d04f6 : +220
280 : #a504f6 : +230
290 : #ce04f6 : +240
300 : #f604f6 : +250
310 : #f604ce : +260
320 : #f604a5 : +270
330 : #f6047d : +280
340 : #f60455 : +290
350 : #f6042c : +300
40 : #f6a504 : -10
41 : #f6a904 : -9
42 : #f6ad04 : -8
43 : #f6b104 : -7
44 : #f6b604 : -6
45 : #f6ba04 : -5
46 : #f6be04 : -4
47 : #f6c204 : -3
48 : #f6c604 : -2
49 : #f6ca04 : -1
50 : #f6ce04 : ±0
51 : #f6d204 : +1
52 : #f6d604 : +2
53 : #f6da04 : +3
54 : #f6de04 : +4
55 : #f6e204 : +5
56 : #f6e604 : +6
57 : #f6ea04 : +7
58 : #f6ee04 : +8
59 : #f6f204 : +9
60 : #f6f604 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #7e7e7c : -96
3 : #817f79 : -94
5 : #838177 : -92
7 : #868374 : -90
9 : #888472 : -88
11 : #8b866f : -86
13 : #8d886d : -84
15 : #90896a : -82
17 : #928b68 : -80
19 : #958d65 : -78
21 : #978e63 : -76
23 : #9a9060 : -74
25 : #9c925e : -72
27 : #9f935b : -70
29 : #a19559 : -68
31 : #a49756 : -66
33 : #a69854 : -64
35 : #a99a51 : -62
37 : #ab9c4f : -60
39 : #ae9d4c : -58
41 : #b09f4a : -56
43 : #b3a147 : -54
45 : #b5a245 : -52
47 : #b8a442 : -50
49 : #baa640 : -48
51 : #bda73d : -46
53 : #bfa93b : -44
55 : #c2ab38 : -42
57 : #c4ac36 : -40
59 : #c7ae33 : -38
61 : #c9b031 : -36
63 : #ccb12e : -34
65 : #ceb32c : -32
67 : #d1b529 : -30
69 : #d3b627 : -28
71 : #d6b824 : -26
73 : #d8ba22 : -24
75 : #dbbb1f : -22
77 : #ddbd1d : -20
79 : #e0bf1a : -18
81 : #e2c018 : -16
83 : #e5c215 : -14
85 : #e7c413 : -12
87 : #eac510 : -10
89 : #ecc70e : -8
91 : #efc90b : -6
93 : #f1ca09 : -4
95 : #f4cc06 : -2
97 : #f6ce04 : ±0
99 : #f9cf01 : +2
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #050400 : -48
3 : #0f0d00 : -46
5 : #191500 : -44
7 : #231d01 : -42
9 : #2d2601 : -40
11 : #372e01 : -38
13 : #413701 : -36
15 : #4b3f01 : -34
17 : #554701 : -32
19 : #5f5001 : -30
21 : #695802 : -28
23 : #746102 : -26
25 : #7e6902 : -24
27 : #887102 : -22
29 : #927a02 : -20
31 : #9c8202 : -18
33 : #a68b03 : -16
35 : #b09303 : -14
37 : #ba9b03 : -12
39 : #c4a403 : -10
41 : #ceac03 : -8
43 : #d8b503 : -6
45 : #e2bd03 : -4
47 : #ecc504 : -2
49 : #f6ce04 : ±0
51 : #fbd309 : +2
53 : #fbd513 : +4
55 : #fcd61d : +6
57 : #fcd827 : +8
59 : #fcda31 : +10
61 : #fcdc3b : +12
63 : #fcde45 : +14
65 : #fcdf4f : +16
67 : #fce159 : +18
69 : #fde363 : +20
71 : #fde56d : +22
73 : #fde777 : +24
75 : #fde881 : +26
77 : #fdea8b : +28
79 : #fdec96 : +30
81 : #feeea0 : +32
83 : #fef0aa : +34
85 : #fef1b4 : +36
87 : #fef3be : +38
89 : #fef5c8 : +40
91 : #fef7d2 : +42
93 : #fef9dc : +44
95 : #fffae6 : +46
97 : #fffcf0 : +48
99 : #fffefa : +50
CSS入門、作ってます。
text-shadow