#fccb2c
RGB
赤 | 252 |
---|---|
緑 | 203 |
青 | 44 |
HSL
色相 | 46° |
---|---|
彩度 | 97% |
明度 | 58% |
輝度 | 78% |
3桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 203, 青 = 44 )
HSL ( 色相 = 46°, 彩度 = 97%, 明度 = 58% )
H : 色相 ( 46° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fc412c : -40
16 : #fc632c : -30
26 : #fc862c : -20
36 : #fca92c : -10
46 : #fccb2c : ±0
56 : #fcee2c : +10
66 : #e7fc2c : +20
76 : #c4fc2c : +30
86 : #a2fc2c : +40
96 : #7ffc2c : +50
106 : #5cfc2c : +60
116 : #3afc2c : +70
126 : #2cfc41 : +80
136 : #2cfc63 : +90
146 : #2cfc86 : +100
156 : #2cfca9 : +110
166 : #2cfccb : +120
176 : #2cfcee : +130
186 : #2ce7fc : +140
196 : #2cc4fc : +150
206 : #2ca2fc : +160
216 : #2c7ffc : +170
226 : #2c5cfc : +180
236 : #2c3afc : +190
246 : #412cfc : +200
256 : #632cfc : +210
266 : #862cfc : +220
276 : #a92cfc : +230
286 : #cb2cfc : +240
296 : #ee2cfc : +250
306 : #fc2ce7 : +260
316 : #fc2cc4 : +270
326 : #fc2ca2 : +280
336 : #fc2c7f : +290
346 : #fc2c5c : +300
356 : #fc2c3a : +310
36 : #fca92c : -10
37 : #fcac2c : -9
38 : #fcb02c : -8
39 : #fcb32c : -7
40 : #fcb72c : -6
41 : #fcba2c : -5
42 : #fcbd2c : -4
43 : #fcc12c : -3
44 : #fcc42c : -2
45 : #fcc82c : -1
46 : #fccb2c : ±0
47 : #fccf2c : +1
48 : #fcd22c : +2
49 : #fcd62c : +3
50 : #fcd92c : +4
51 : #fcdd2c : +5
52 : #fce02c : +6
53 : #fce42c : +7
54 : #fce72c : +8
55 : #fcea2c : +9
56 : #fcee2c : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959493 : -96
3 : #979691 : -94
5 : #99978f : -92
7 : #9b988c : -90
9 : #9e998a : -88
11 : #a09a88 : -86
13 : #a29b86 : -84
15 : #a49c84 : -82
17 : #a69e82 : -80
19 : #a89f80 : -78
21 : #aaa07d : -76
23 : #ada17b : -74
25 : #afa279 : -72
27 : #b1a377 : -70
29 : #b3a475 : -68
31 : #b5a673 : -66
33 : #b7a771 : -64
35 : #b9a86e : -62
37 : #bca96c : -60
39 : #beaa6a : -58
41 : #c0ab68 : -56
43 : #c2ac66 : -54
45 : #c4ae64 : -52
47 : #c6af62 : -50
49 : #c8b05f : -48
51 : #cbb15d : -46
53 : #cdb25b : -44
55 : #cfb359 : -42
57 : #d1b457 : -40
59 : #d3b655 : -38
61 : #d5b753 : -36
63 : #d7b850 : -34
65 : #dab94e : -32
67 : #dcba4c : -30
69 : #debb4a : -28
71 : #e0bc48 : -26
73 : #e2be46 : -24
75 : #e4bf44 : -22
77 : #e6c041 : -20
79 : #e9c13f : -18
81 : #ebc23d : -16
83 : #edc33b : -14
85 : #efc439 : -12
87 : #f1c637 : -10
89 : #f3c735 : -8
91 : #f5c832 : -6
93 : #f8c930 : -4
95 : #faca2e : -2
97 : #fccb2c : ±0
99 : #fecc2a : +2
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #0a0800 : -56
4 : #140f00 : -54
6 : #1e1700 : -52
8 : #281f01 : -50
10 : #322701 : -48
12 : #3c2e01 : -46
14 : #463601 : -44
16 : #503e01 : -42
18 : #5a4601 : -40
20 : #644d02 : -38
22 : #6f5502 : -36
24 : #795d02 : -34
26 : #836502 : -32
28 : #8d6c02 : -30
30 : #977402 : -28
32 : #a17c02 : -26
34 : #ab8403 : -24
36 : #b58b03 : -22
38 : #bf9303 : -20
40 : #c99b03 : -18
42 : #d3a303 : -16
44 : #ddaa03 : -14
46 : #e7b204 : -12
48 : #f1ba04 : -10
50 : #fbc104 : -8
52 : #fbc40e : -6
54 : #fbc618 : -4
56 : #fcc922 : -2
58 : #fccb2c : ±0
60 : #fcce36 : +2
62 : #fcd040 : +4
64 : #fcd34a : +6
66 : #fcd554 : +8
68 : #fdd85e : +10
70 : #fdda68 : +12
72 : #fddd72 : +14
74 : #fddf7c : +16
76 : #fde186 : +18
78 : #fde490 : +20
80 : #fde69b : +22
82 : #fee9a5 : +24
84 : #feebaf : +26
86 : #feeeb9 : +28
88 : #fef0c3 : +30
90 : #fef3cd : +32
92 : #fef5d7 : +34
94 : #fff8e1 : +36
96 : #fffaeb : +38
98 : #fffdf5 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow