#974821
RGB
赤 | 151 |
---|---|
緑 | 72 |
青 | 33 |
HSL
色相 | 20° |
---|---|
彩度 | 64% |
明度 | 36% |
輝度 | 36% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 151, 緑 = 72, 青 = 33 )
HSL ( 色相 = 20°, 彩度 = 64%, 明度 = 36% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #972121 : -20
10 : #973521 : -10
20 : #974821 : ±0
30 : #975c21 : +10
40 : #976f21 : +20
50 : #978321 : +30
60 : #979721 : +40
70 : #839721 : +50
80 : #6f9721 : +60
90 : #5c9721 : +70
100 : #489721 : +80
110 : #359721 : +90
120 : #219721 : +100
130 : #219735 : +110
140 : #219748 : +120
150 : #21975c : +130
160 : #21976f : +140
170 : #219783 : +150
180 : #219797 : +160
190 : #218397 : +170
200 : #216f97 : +180
210 : #215c97 : +190
220 : #214897 : +200
230 : #213597 : +210
240 : #212197 : +220
250 : #352197 : +230
260 : #482197 : +240
270 : #5c2197 : +250
280 : #6f2197 : +260
290 : #832197 : +270
300 : #972197 : +280
310 : #972183 : +290
320 : #97216f : +300
330 : #97215c : +310
340 : #972148 : +320
350 : #972135 : +330
10 : #973521 : -10
11 : #973721 : -9
12 : #973921 : -8
13 : #973b21 : -7
14 : #973c21 : -6
15 : #973e21 : -5
16 : #974021 : -4
17 : #974221 : -3
18 : #974421 : -2
19 : #974621 : -1
20 : #974821 : ±0
21 : #974a21 : +1
22 : #974c21 : +2
23 : #974e21 : +3
24 : #975021 : +4
25 : #975221 : +5
26 : #975421 : +6
27 : #975621 : +7
28 : #975821 : +8
29 : #975a21 : +9
30 : #975c21 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -64
2 : #5e5b5a : -62
4 : #5f5b58 : -60
6 : #615a56 : -58
8 : #635954 : -56
10 : #655953 : -54
12 : #675851 : -52
14 : #69584f : -50
16 : #6a574d : -48
18 : #6c564b : -46
20 : #6e5649 : -44
22 : #705548 : -42
24 : #725446 : -40
26 : #745444 : -38
28 : #765342 : -36
30 : #775340 : -34
32 : #79523e : -32
34 : #7b513d : -30
36 : #7d513b : -28
38 : #7f5039 : -26
40 : #815037 : -24
42 : #824f35 : -22
44 : #844e33 : -20
46 : #864e32 : -18
48 : #884d30 : -16
50 : #8a4d2e : -14
52 : #8c4c2c : -12
54 : #8d4b2a : -10
56 : #8f4b28 : -8
58 : #914a27 : -6
60 : #934925 : -4
62 : #954923 : -2
64 : #974821 : ±0
66 : #98481f : +2
68 : #9a471d : +4
70 : #9c461c : +6
72 : #9e461a : +8
74 : #a04518 : +10
76 : #a24516 : +12
78 : #a34414 : +14
80 : #a54312 : +16
82 : #a74311 : +18
84 : #a9420f : +20
86 : #ab410d : +22
88 : #ad410b : +24
90 : #ae4009 : +26
92 : #b04007 : +28
94 : #b23f06 : +30
96 : #b43e04 : +32
98 : #b63e02 : +34
100 : #b83d00 : +36
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #080402 : -34
4 : #110804 : -32
6 : #190c06 : -30
8 : #211007 : -28
10 : #2a1409 : -26
12 : #32180b : -24
14 : #3b1c0d : -22
16 : #43200f : -20
18 : #4b2411 : -18
20 : #542812 : -16
22 : #5c2c14 : -14
24 : #643016 : -12
26 : #6d3418 : -10
28 : #75381a : -8
30 : #7d3c1c : -6
32 : #86401d : -4
34 : #8e441f : -2
36 : #974821 : ±0
38 : #9f4c23 : +2
40 : #a75025 : +4
42 : #b05427 : +6
44 : #b85828 : +8
46 : #c05c2a : +10
48 : #c9602c : +12
50 : #d1642e : +14
52 : #d36a36 : +16
54 : #d5713f : +18
56 : #d77747 : +20
58 : #d87d4f : +22
60 : #da8358 : +24
62 : #dc8960 : +26
64 : #de9068 : +28
66 : #e09671 : +30
68 : #e29c79 : +32
70 : #e3a282 : +34
72 : #e5a88a : +36
74 : #e7af92 : +38
76 : #e9b59b : +40
78 : #ebbba3 : +42
80 : #edc1ab : +44
82 : #eec7b4 : +46
84 : #f0cdbc : +48
86 : #f2d4c4 : +50
88 : #f4dacd : +52
90 : #f6e0d5 : +54
92 : #f8e6de : +56
94 : #f9ece6 : +58
96 : #fbf3ee : +60
98 : #fdf9f7 : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow