#0fd215
RGB
赤 | 15 |
---|---|
緑 | 210 |
青 | 21 |
HSL
色相 | 122° |
---|---|
彩度 | 87% |
明度 | 44% |
輝度 | 51% |
3桁の色
補色
反転色
RGB ( 赤 = 15, 緑 = 210, 青 = 21 )
HSL ( 色相 = 122°, 彩度 = 87%, 明度 = 44% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d2150f : -120
12 : #d2360f : -110
22 : #d2560f : -100
32 : #d2770f : -90
42 : #d2970f : -80
52 : #d2b80f : -70
62 : #cbd20f : -60
72 : #abd20f : -50
82 : #8ad20f : -40
92 : #6ad20f : -30
102 : #49d20f : -20
112 : #29d20f : -10
122 : #0fd215 : ±0
132 : #0fd236 : +10
142 : #0fd256 : +20
152 : #0fd277 : +30
162 : #0fd297 : +40
172 : #0fd2b8 : +50
182 : #0fcbd2 : +60
192 : #0fabd2 : +70
202 : #0f8ad2 : +80
212 : #0f6ad2 : +90
222 : #0f49d2 : +100
232 : #0f29d2 : +110
242 : #150fd2 : +120
252 : #360fd2 : +130
262 : #560fd2 : +140
272 : #770fd2 : +150
282 : #970fd2 : +160
292 : #b80fd2 : +170
302 : #d20fcb : +180
312 : #d20fab : +190
322 : #d20f8a : +200
332 : #d20f6a : +210
342 : #d20f49 : +220
352 : #d20f29 : +230
112 : #29d20f : -10
113 : #25d20f : -9
114 : #22d20f : -8
115 : #1fd20f : -7
116 : #1cd20f : -6
117 : #18d20f : -5
118 : #15d20f : -4
119 : #12d20f : -3
120 : #0fd20f : -2
121 : #0fd212 : -1
122 : #0fd215 : ±0
123 : #0fd218 : +1
124 : #0fd21c : +2
125 : #0fd21f : +3
126 : #0fd222 : +4
127 : #0fd225 : +5
128 : #0fd229 : +6
129 : #0fd22c : +7
130 : #0fd22f : +8
131 : #0fd232 : +9
132 : #0fd236 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6f716f : -86
3 : #6d746d : -84
5 : #6b766b : -82
7 : #687869 : -80
9 : #667a67 : -78
11 : #647d65 : -76
13 : #627f63 : -74
15 : #5f8160 : -72
17 : #5d835e : -70
19 : #5b865c : -68
21 : #59885a : -66
23 : #568a58 : -64
25 : #548c56 : -62
27 : #528e54 : -60
29 : #509152 : -58
31 : #4d9350 : -56
33 : #4b954e : -54
35 : #49974c : -52
37 : #479a49 : -50
39 : #449c47 : -48
41 : #429e45 : -46
43 : #40a043 : -44
45 : #3ea341 : -42
47 : #3ba53f : -40
49 : #39a73d : -38
51 : #37a93b : -36
53 : #35ac39 : -34
55 : #32ae37 : -32
57 : #30b035 : -30
59 : #2eb232 : -28
61 : #2cb530 : -26
63 : #2ab72e : -24
65 : #27b92c : -22
67 : #25bb2a : -20
69 : #23be28 : -18
71 : #21c026 : -16
73 : #1ec224 : -14
75 : #1cc422 : -12
77 : #1ac720 : -10
79 : #18c91d : -8
81 : #15cb1b : -6
83 : #13cd19 : -4
85 : #11d017 : -2
87 : #0fd215 : ±0
89 : #0cd413 : +2
91 : #0ad611 : +4
93 : #08d90f : +6
95 : #06db0d : +8
97 : #03dd0b : +10
99 : #01df09 : +12
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #010a01 : -42
4 : #011302 : -40
6 : #021d03 : -38
8 : #032604 : -36
10 : #033005 : -34
12 : #043906 : -32
14 : #054307 : -30
16 : #054c08 : -28
18 : #065609 : -26
20 : #075f0a : -24
22 : #07690b : -22
24 : #08720c : -20
26 : #097c0c : -18
28 : #09860d : -16
30 : #0a8f0e : -14
32 : #0b990f : -12
34 : #0ba210 : -10
36 : #0cac11 : -8
38 : #0db512 : -6
40 : #0dbf13 : -4
42 : #0ec814 : -2
44 : #0fd215 : ±0
46 : #0fdb16 : +2
48 : #10e517 : +4
50 : #11ee18 : +6
52 : #1aef21 : +8
54 : #24f02a : +10
56 : #2df034 : +12
58 : #37f13d : +14
60 : #40f246 : +16
62 : #4af24f : +18
64 : #53f359 : +20
66 : #5df462 : +22
68 : #66f46b : +24
70 : #70f574 : +26
72 : #79f67e : +28
74 : #83f687 : +30
76 : #8df790 : +32
78 : #96f899 : +34
80 : #a0f8a3 : +36
82 : #a9f9ac : +38
84 : #b3fab5 : +40
86 : #bcfabe : +42
88 : #c6fbc8 : +44
90 : #cffcd1 : +46
92 : #d9fcda : +48
94 : #e2fde3 : +50
96 : #ecfeed : +52
98 : #f5fef6 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow