#d0c162
RGB
| 赤 | 208 |
|---|---|
| 緑 | 193 |
| 青 | 98 |
HSL
| 色相 | 52° |
|---|---|
| 彩度 | 54% |
| 明度 | 60% |
| 輝度 | 73% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 208, 緑 = 193, 青 = 98 )
HSL ( 色相 = 52°, 彩度 = 54%, 明度 = 60% )
H : 色相 ( 52° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #d06662 : -50
12 : #d07862 : -40
22 : #d08a62 : -30
32 : #d09d62 : -20
42 : #d0af62 : -10
52 : #d0c162 : ±0
62 : #ccd062 : +10
72 : #bad062 : +20
82 : #a8d062 : +30
92 : #95d062 : +40
102 : #83d062 : +50
112 : #71d062 : +60
122 : #62d066 : +70
132 : #62d078 : +80
142 : #62d08a : +90
152 : #62d09d : +100
162 : #62d0af : +110
172 : #62d0c1 : +120
182 : #62ccd0 : +130
192 : #62bad0 : +140
202 : #62a8d0 : +150
212 : #6295d0 : +160
222 : #6283d0 : +170
232 : #6271d0 : +180
242 : #6662d0 : +190
252 : #7862d0 : +200
262 : #8a62d0 : +210
272 : #9d62d0 : +220
282 : #af62d0 : +230
292 : #c162d0 : +240
302 : #d062cc : +250
312 : #d062ba : +260
322 : #d062a8 : +270
332 : #d06295 : +280
342 : #d06283 : +290
352 : #d06271 : +300
42 : #d0af62 : -10
43 : #d0b162 : -9
44 : #d0b362 : -8
45 : #d0b562 : -7
46 : #d0b662 : -6
47 : #d0b862 : -5
48 : #d0ba62 : -4
49 : #d0bc62 : -3
50 : #d0be62 : -2
51 : #d0c062 : -1
52 : #d0c162 : ±0
53 : #d0c362 : +1
54 : #d0c562 : +2
55 : #d0c762 : +3
56 : #d0c962 : +4
57 : #d0cb62 : +5
58 : #d0cc62 : +6
59 : #d0ce62 : +7
60 : #d0d062 : +8
61 : #ced062 : +9
62 : #ccd062 : +10
S : 彩度 ( 54% )
(0%) 渋い ～ 鮮やか (100%)
0 : #999999 : -54
2 : #9b9a97 : -52
4 : #9d9c95 : -50
6 : #9f9d93 : -48
8 : #a19f91 : -46
10 : #a3a08f : -44
12 : #a5a28d : -42
14 : #a7a38b : -40
16 : #a9a589 : -38
18 : #aba687 : -36
20 : #ada885 : -34
22 : #afa983 : -32
24 : #b1ab81 : -30
26 : #b4ac7e : -28
28 : #b6ae7c : -26
30 : #b8af7a : -24
32 : #bab178 : -22
34 : #bcb276 : -20
36 : #beb474 : -18
38 : #c0b572 : -16
40 : #c2b770 : -14
42 : #c4b86e : -12
44 : #c6ba6c : -10
46 : #c8bb6a : -8
48 : #cabd68 : -6
50 : #ccbe66 : -4
52 : #cec064 : -2
54 : #d0c162 : ±0
56 : #d2c360 : +2
58 : #d4c45e : +4
60 : #d6c65c : +6
62 : #d8c75a : +8
64 : #dac958 : +10
66 : #dcca56 : +12
68 : #decc54 : +14
70 : #e0cd52 : +16
72 : #e2cf50 : +18
74 : #e4d04e : +20
76 : #e7d24b : +22
78 : #e9d349 : +24
80 : #ebd547 : +26
82 : #edd645 : +28
84 : #efd843 : +30
86 : #f1d941 : +32
88 : #f3db3f : +34
90 : #f5dc3d : +36
92 : #f7de3b : +38
94 : #f9df39 : +40
96 : #fbe137 : +42
98 : #fde235 : +44
100 : #ffe433 : +46
L : 明度 ( 60% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -60
2 : #080702 : -58
4 : #100e05 : -56
6 : #181507 : -54
8 : #1f1c09 : -52
10 : #27240c : -50
12 : #2f2b0e : -48
14 : #373210 : -46
16 : #3f3913 : -44
18 : #474015 : -42
20 : #4f4717 : -40
22 : #564e1a : -38
24 : #5e551c : -36
26 : #665d1e : -34
28 : #6e6421 : -32
30 : #766b23 : -30
32 : #7e7226 : -28
34 : #867928 : -26
36 : #8d802a : -24
38 : #95872d : -22
40 : #9d8e2f : -20
42 : #a59631 : -18
44 : #ad9d34 : -16
46 : #b5a436 : -14
48 : #bcab38 : -12
50 : #c4b23b : -10
52 : #c7b543 : -8
54 : #c9b84a : -6
56 : #cbbb52 : -4
58 : #cebe5a : -2
60 : #d0c162 : ±0
62 : #d2c46a : +2
64 : #d5c872 : +4
66 : #d7cb79 : +6
68 : #d9ce81 : +8
70 : #dcd189 : +10
72 : #ded491 : +12
74 : #e1d799 : +14
76 : #e3daa1 : +16
78 : #e5dda9 : +18
80 : #e8e0b0 : +20
82 : #eae3b8 : +22
84 : #ece6c0 : +24
86 : #efe9c8 : +26
88 : #f1edd0 : +28
90 : #f3f0d8 : +30
92 : #f6f3e0 : +32
94 : #f8f6e7 : +34
96 : #faf9ef : +36
98 : #fdfcf7 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow