#0f6d3e
RGB
赤 | 15 |
---|---|
緑 | 109 |
青 | 62 |
HSL
色相 | 150° |
---|---|
彩度 | 76% |
明度 | 24% |
輝度 | 30% |
3桁の色
補色
反転色
RGB ( 赤 = 15, 緑 = 109, 青 = 62 )
HSL ( 色相 = 150°, 彩度 = 76%, 明度 = 24% )
H : 色相 ( 150° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6c0f0f : -150
10 : #6c1e0f : -140
20 : #6c2e0f : -130
30 : #6c3d0f : -120
40 : #6c4d0f : -110
50 : #6c5c0f : -100
60 : #6c6c0f : -90
70 : #5c6c0f : -80
80 : #4d6c0f : -70
90 : #3d6c0f : -60
100 : #2e6c0f : -50
110 : #1e6c0f : -40
120 : #0f6c0f : -30
130 : #0f6c1e : -20
140 : #0f6c2e : -10
150 : #0f6c3d : ±0
160 : #0f6c4d : +10
170 : #0f6c5c : +20
180 : #0f6c6c : +30
190 : #0f5c6c : +40
200 : #0f4d6c : +50
210 : #0f3d6c : +60
220 : #0f2e6c : +70
230 : #0f1e6c : +80
240 : #0f0f6c : +90
250 : #1e0f6c : +100
260 : #2e0f6c : +110
270 : #3d0f6c : +120
280 : #4d0f6c : +130
290 : #5c0f6c : +140
300 : #6c0f6c : +150
310 : #6c0f5c : +160
320 : #6c0f4d : +170
330 : #6c0f3d : +180
340 : #6c0f2e : +190
350 : #6c0f1e : +200
140 : #0f6c2e : -10
141 : #0f6c2f : -9
142 : #0f6c31 : -8
143 : #0f6c32 : -7
144 : #0f6c34 : -6
145 : #0f6c35 : -5
146 : #0f6c37 : -4
147 : #0f6c39 : -3
148 : #0f6c3a : -2
149 : #0f6c3c : -1
150 : #0f6c3d : ±0
151 : #0f6c3f : +1
152 : #0f6c40 : +2
153 : #0f6c42 : +3
154 : #0f6c43 : +4
155 : #0f6c45 : +5
156 : #0f6c47 : +6
157 : #0f6c48 : +7
158 : #0f6c4a : +8
159 : #0f6c4b : +9
160 : #0f6c4d : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -76
2 : #3c3e3d : -74
4 : #3b403d : -72
6 : #3a413d : -70
8 : #38423d : -68
10 : #37433d : -66
12 : #36453d : -64
14 : #35463d : -62
16 : #33473d : -60
18 : #32483d : -58
20 : #31493d : -56
22 : #304b3d : -54
24 : #2f4c3d : -52
26 : #2d4d3d : -50
28 : #2c4e3d : -48
30 : #2b503d : -46
32 : #2a513d : -44
34 : #28523d : -42
36 : #27533d : -40
38 : #26543d : -38
40 : #25563d : -36
42 : #23573d : -34
44 : #22583d : -32
46 : #21593d : -30
48 : #205b3d : -28
50 : #1f5c3d : -26
52 : #1d5d3d : -24
54 : #1c5e3d : -22
56 : #1b5f3d : -20
58 : #1a613d : -18
60 : #18623d : -16
62 : #17633d : -14
64 : #16643d : -12
66 : #15663d : -10
68 : #14673d : -8
70 : #12683d : -6
72 : #11693d : -4
74 : #106a3d : -2
76 : #0f6c3d : ±0
78 : #0d6d3d : +2
80 : #0c6e3d : +4
82 : #0b6f3d : +6
84 : #0a713d : +8
86 : #09723d : +10
88 : #07733d : +12
90 : #06743d : +14
92 : #05763d : +16
94 : #04773d : +18
96 : #02783d : +20
98 : #01793d : +22
100 : #007a3d : +24
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #010905 : -22
4 : #02120a : -20
6 : #041b0f : -18
8 : #052414 : -16
10 : #062d1a : -14
12 : #07361f : -12
14 : #093f24 : -10
16 : #0a4829 : -8
18 : #0b512e : -6
20 : #0c5a33 : -4
22 : #0d6338 : -2
24 : #0f6c3d : ±0
26 : #107542 : +2
28 : #117e47 : +4
30 : #12874d : +6
32 : #149052 : +8
34 : #159957 : +10
36 : #16a25c : +12
38 : #17ab61 : +14
40 : #18b466 : +16
42 : #1abc6b : +18
44 : #1bc570 : +20
46 : #1cce75 : +22
48 : #1dd77a : +24
50 : #1fe080 : +26
52 : #28e285 : +28
54 : #31e38a : +30
56 : #3ae48f : +32
58 : #43e594 : +34
60 : #4be799 : +36
62 : #54e89e : +38
64 : #5de9a3 : +40
66 : #66eaa8 : +42
68 : #6febad : +44
70 : #78edb3 : +46
72 : #81eeb8 : +48
74 : #8aefbd : +50
76 : #93f0c2 : +52
78 : #9cf2c7 : +54
80 : #a5f3cc : +56
82 : #aef4d1 : +58
84 : #b7f5d6 : +60
86 : #c0f6db : +62
88 : #c9f8e0 : +64
90 : #d2f9e6 : +66
92 : #dbfaeb : +68
94 : #e4fbf0 : +70
96 : #edfdf5 : +72
98 : #f6fefa : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow